<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html>
    <head>
        <title></title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link rel="stylesheet" type="text/css" href="/libraries/jqui/themes/default/easyui.css">
	<link rel="stylesheet" type="text/css" href="/libraries/jqui/themes/icon.css">
	<script type="text/javascript" src="/libraries/jqui/jquery-1.8.0.min.js"></script>
	<script type="text/javascript" src="/libraries/jqui/jquery.easyui.min.js"></script>
	<script type="text/javascript" src="/libraries/jqui/src/jquery.parser.js"></script>
        <script>
            $(function(){
             //弹出新增窗口
                    addDataWin = $('#addData-window').window({                    
        href:'/manage/systemuserlist.php',
    title:'添加数据',
    closed: true,
    modal: false,
    cache: false,
    minimizable:false,
    maximizable:false,
    collapsible:false,
    shadow: false
    });
//添加数据弹出窗口
    function addData(){
        addDataWin.window('open');                       
    }
    
			$('#tt2').datagrid({
				title:'My Title',
				iconCls:'icon-save',
				width:600,
				height:550,
				nowrap: false,
				striped: true,
				fit: true,
				url:'/manage/data_json/datagrid_data.php',
				sortName: 'code',
				sortOrder: 'desc',
				idField:'code',
				frozenColumns:[[
	                {field:'ck',checkbox:true},
	                {title:'code',field:'code',width:80,sortable:true}
				]],
				columns:[[
			        {title:'Base Information',colspan:3},
					{field:'opt',title:'Operation',width:100,align:'center', rowspan:2,
						formatter:function(value,rec){
							return '<span style="color:red">Edit Delete</span>';
						}
					}
				],[
					{field:'name',title:'Name',width:120},
					{field:'addr',title:'Address',width:120,rowspan:2,sortable:true},
					{field:'col4',title:'Col41',width:150,rowspan:2}
				]],
                                toolbar:[{
					id:'btnadd',
					text:'新增管理员',
					iconCls:'icon-add',
					handler:addData
				},{
					id:'btnedit',
					text:'修改管理员',
					iconCls:'icon-edit',
					handler:function(){
						$('#btnsave').linkbutton('enable');
						alert('cut')
					}
				},'-',{
					id:'btnremove',
					text:'删除',
					
					iconCls:'icon-remove',
					handler:function(){
						$('#btnsave').linkbutton('disable');
						alert('save')
					}
				}],
				pagination:true,
				rownumbers:true
			});
		});
	
        </script>
    </head>
    <body>   
            <table id="tt2" ></table> 
                                <!-- 弹出窗口：添加数据 -->
                                <div id="addData-window" title="添加数据" style="width:510px;height:300px;font-size: 16"></div>
           
    </body>
</html>
